div盒子模型部分主要包括三个部分

1、border: 边框

2、padding: 内容与边框的距离

3、content: 内容部分

所以div的宽度和高度实际上就是border+padding+content这3个部分

我们把每个盒子看成一个独立个体，那么margin是盒子与盒子之间的距离

所以上下2个盒子之间的距离应该是上面盒子的底部margin与下面盒子的上部margin之和

所以左右2个盒子之间的距离应该是左边盒子的右边margin与右边盒子的左边margin之和